<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
    <title>Document</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./layout.css">
    <link rel="stylesheet" href="./newLogin.css">
</head>
<body>
    <div class="login-container">
        <div class="login-main">
            <div class="login_desc1">
                <div class="desc_zh">
                    <p>1111企业2使命：让工业散货物料输送更绿色</p>
                    <p>1111企业愿景：成为全球领先的智能输送服务商</p>
                </div>
                <div class="desc_en">
                    <p>Mission: Make Industrial Bulk Material Handling Greener</p>
                    <p>Vision: To be the world's leading intelligent conveyor service provider</p>
                </div>
            </div>
            <div class="login_desc2">
                <div>
                    <span class="desc2_zh">核心价值：仁爱 诚信 合作 分享</span>
                    <span class="desc2_en">Value: Benevolence, Honesty, Cooperation, Sharing</span>
                </div>
                <div>
                    <span class="desc2_zh">企业精神：立德 敬业 奋斗 创新</span>
                    <span class="desc2_en">Spirit: Virtue, Devotion, Striving and Innovation</span>
                </div>
                <div>
                    <span class="desc2_zh">工作作风：求精 务实 自律 奉献</span>
                    <span class="desc2_en">Work style: Refinement ,Pragmatism, Self-discipline ,Dedication</span>
                </div>
            </div>
            
            <div class="login-frame">
                <div class="l-logo-xs l-logo-head logo">
                    <img src="./images/login_logo_blue.png" width="100%" alt="">
                </div>
                <div class="login-form">
                    <div class="l-logo-sm l-logo logo">
                        <img src="./images/login_logo.png" alt="">
                    </div>
                    <form method="post" id="fm1" th:object="${credential}" action="login">
                        <section class="form-group">
                            <div th:if="${openIdLocalId}">
                                <strong>
                                    <span th:utext="${openIdLocalId}"/>
                                </strong>
                                <input type="hidden"
                                       id="username"
                                       name="username"
                                       th:value="${openIdLocalId}"/>
                            </div>
                            <div th:unless="${openIdLocalId}">
                                <input class="form-control required input"
                                       id="username"
                                       size="25"
                                       tabindex="1"
                                       type="text"
                                       th:disabled="${guaEnabled}"
                                       th:field="*{username}"
                                       th:accesskey="#{screen.welcome.label.netid.accesskey}"
                                       autocomplete="off"
                                       placeholder="用户名"
                                       />
                            </div>
                        </section>
    
                        <section class="form-group">
                            <div>
                                <input class="form-control required input"
                                       type="password"
                                       id="password"
                                       size="25"
                                       tabindex="2"
                                       th:accesskey="#{screen.welcome.label.password.accesskey}"
                                       th:field="*{password}"
                                       placeholder="密码"
                                       autocomplete="off"/>
                                <span id="capslock-on" style="display:none;">
                                <p>
                                    <i class="fa fa-exclamation-circle"></i>
                                    <span th:utext="#{screen.capslock.on}"/>
                                </p>
                            </span>
                            </div>
                        </section>
    
                        <section class="form-group">
                            <div class="capcha">
                                <input class="form-control required input"
                                       type="text"
                                       id="code"
                                       size="25"
                                       tabindex="2"
                                       th:accesskey="#{screen.welcome.label.password.accesskey}"
                                       th:field="*{capcha}"
                                       placeholder="验证码"
                                       autocomplete="off"/>
                                <img id="captcha_img" th:src="@{/captcha}" onclick="changeCode()" />
                            </div>
                        </section>
    
                        <section class="form-group checkbox">
                            <label>
                                <input type="checkbox"> 下次自动登陆
                            </label>
                                <!-- <input type="checkbox" name="rememberMe" id="rememberMe" value="true" tabindex="5" checked="checked"/> -->
                                <!-- <label for="rememberMe" th:text="#{screen.rememberme.checkbox.title}">Remember Me</label> -->
                        </section>
                        <button class="btn btn-block loginBtn" type="submit">登录</button>
                    </form>
                </div>
            </div>
        </div>
        
    </div>
    <div class="foot-container">
        <div class="container">
            <!-- <span id="copyright" th:utext="#{copyright}"></span> -->
            <span id="copyright">版权所有xxxxxx</span>
        </div>
    </div>
</body>
</html>